import React, { Component } from 'react';
import { View, Text, Button, Dimensions, TouchableOpacity, Image } from 'react-native';
//import Icon from 'react-native-vector-icons/Ionicons';
import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
import Icon2 from 'react-native-vector-icons/MaterialIcons';
import NavigationService from '../NavigationService';
const SCREEN_WIDTH = Dimensions.get('window').width;

export default class defaultComponentName extends Component {
    _onpress = (name) => {
        //NavigationService.navigate(name)
    }
    render() {
        let { video_userimg, video_username, like_num, commemt_num, is_like } = this.props.videoInfo;
        return (
            <View style={{
                position: 'absolute',
                bottom: 0,
                right: 0,
                marginBottom: 100,
            }}>
                <TouchableOpacity onPress={() => { }}>
                    <Image source={{ uri: video_userimg }} style={{ width: 44, height: 44, borderRadius: 22, marginBottom: 8, }} />
                </TouchableOpacity>
                <TouchableOpacity onPress={() => { }} >
                    <Icon name="heart" size={40} color={is_like ? 'red' : 'white'} />
                </TouchableOpacity>
                <Text style={{
                    color: 'white',
                    marginLeft: 5,
                    justifyContent: 'center',
                    alignItems: 'center',
                    marginBottom: 8
                }}>{like_num}</Text>
                <TouchableOpacity onPress={() => { }} >
                    <Icon2 name="chat-bubble" size={40} color="white" />
                </TouchableOpacity>
                <Text style={{
                    color: 'white',
                    marginLeft: 10,
                    justifyContent: 'center',
                    alignItems: 'center',
                    marginBottom: 8
                }}>{commemt_num}</Text>
                <TouchableOpacity onPress={() => { }}>
                    <Icon name="share" size={40} color="white" />
                </TouchableOpacity>
                <Text style={{
                    color: 'white',
                    justifyContent: 'center',
                    alignItems: 'center',
                }}>分享</Text>
            </View>
        );
    }
}